@charset "utf-8";
/*@import url("css/ext-all.css");
 @import url("css/xtheme-gray.css");
 @import url("dzw/css/xtheme-dzw.css");*/
html, body {
    margin: 0;
    padding: 0;
    border: 0 none;
    width: auto;
    height: 100%;
    overflow: hidden;
}
* {
    font-family: arial, sans-serif, Verdana;
    font-size: 9pt;
}

h1 {
    font-size: 200%;
}

#login-win .x-window-mc {
    background: #FFFFFF none repeat scroll 0%;
    border: 1px solid #EEEEEE;
}

#login-logo .x-plain-body {
    background: #F9F9F9 url(../images/logo.jpg) no-repeat;
}

#login-form .x-plain-body {
    background: none repeat scroll 0%;
    color: #222222;
    padding: 25px 120px;
}

/*#login-win .x-window-body {
 background: #FFFFFF none repeat scroll 0% 50%;
 border: 1px solid #99BBE8;
 }*/
#msg-div {
    position: absolute;
    top: 5px;
    width: 300px;
    z-index: 20000;
}

.msg .x-box-mc h3 {
    color: red;
    font-size: 10pt;
}

#loading {
    position: absolute;
    left: 45%;
    top: 40%;
    border: 1px solid #6593cf;
    padding: 2px;
    background: #c3daf9;
    width: 150px;
    text-align: center;
    z-index: 99;
}

#loading .loading-indicator {
    border: 1px solid #a3bad9;
    background: white url(../images/block-bg.gif) repeat-x;
    color: #003366;
    font: bold 12pt;
    padding: 10px;
    margin: 0;
    font-weight: bold;
}

#north {
    background: #7F99BE url(../images/layout-browser-hd-bg.gif) repeat-x center;
}

#north #logo {
}

#north #text {
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    padding: 5px 10px;
    text-align: right;
}

#north #text span {
    margin: 0px;
    padding: 0px;
}

#north #text a {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}

#north #text a:hover {
    color: #FFFFFF;
}

.x-bee-form-left {
    border-left: 1px solid #8DB2E3 !important;
}

.x-bee-form-right {
    border-right: 1px solid #8DB2E3 !important;
}

.x-bee-form-right-top {
    border-right: 1px solid #8DB2E3 !important;
    border-top: 1px solid #8DB2E3 !important;
}

.x-bee-form-right-left {
    border-right: 1px solid #8DB2E3 !important;
    border-left: 1px solid #8DB2E3 !important;
}

.x-bee-form-top {
    border-top: 1px solid #8DB2E3 !important;
}

.x-bee-form-bottom {
    border-bottom: 1px solid #8DB2E3 !important;
}

.x-bee-form-background-fix {
    background-color: #DFE8F6;
}

.x-bee-form-hbox {
    border: none;
    background-color: #DFE8F6;
}

/* Button Icons */
.btn_insert, .menu_insert {
    background: url(../images/icon_insert.png) no-repeat !important;
}

.btn_modify, .menu_modify {
    background: url(../images/icon_modify.png) no-repeat !important;
}

.btn_delete, .menu_delete {
    background: url(../images/icon_delete.png) no-repeat !important;
}

.btn_search, .menu_search {
    background: url(../images/icon_search.png) no-repeat !important;
}

.btn_config, .menu_config {
    background: url(../images/icon_config.png) no-repeat !important;
}

.btn_refresh, .menu_refresh {
    background: url(../images/icon_refresh.png) no-repeat !important;
}

.btn_play {
    background: url(../images/grid_header_radio.gif) no-repeat !important;
}

.btn_pause {
    background: url(../images/icon_pause.png) no-repeat !important;
}

.btn_excel, .menu_excel {
    background: url(../images/icon_excel.gif) no-repeat !important;
}

.btn_printer, .menu_printer {
    background: url(../images/icon_printer.png) no-repeat !important;
}

.btn_sideAdd, .menu_sideAdd {
    background: url(../images/icon_sideAdd.png) no-repeat !important;
}

.btn_cancel, .menu_cancel {
    background: url(../images/icon_cancel.png) no-repeat !important;
}

.btn_accept, .menu_accept {
    background: url(../images/icon_accept.png) no-repeat !important;
}

.btn_cross, .menu_cross {
    background: url(../images/icon_cross.png) no-repeat !important;
}

.btn_reset, .menu_reset {
    background: url(../images/icon_undo.png) no-repeat !important;
}

.btn_pencil, .menu_pencil {
    background: url(../images/icon_pencil.png) no-repeat !important;
}

.btn_lock, .menu_lock {
    background: url(../images/btn_lock.png) no-repeat !important;
}

.btn_blackpass, .menu_blackpass {
    background: url(../images/btn_blackpass.png) no-repeat !important;
}

.btn_save, .menu_save {
    background: url(../images/icon_save.png) no-repeat !important;
}

.btn_upload {
    background: url(../images/btn_upload.png) no-repeat !important;
}

.btn_undo {
    background: url(../images/icon_undo.png) no-repeat !important;
}

.icon-tab {
    background: no-repeat !important;
}

.qtip-close {
    background-image: url(../images/default/qtip/close.gif);
    height: 15px;
    float: right;
    width: 15px;
    margin: 0 0 2px 2px;
    cursor: pointer;
}

.x-grid-expanded-content {
    margin: 5px 5px 10px !important;
}

.x-grid3-row-expanded .x-grid3-row-body {
    border-top: 1px dashed #EDEDED;
}

.x-grid3-row-selected .x-grid3-row-body {
    border-top: 1px dashed black;
}

/** Ext.ux.Portal & Ext.ux.Portlet **/
.x-portal .x-panel-dd-spacer {
    margin-bottom: 10px;
}

.x-portlet {
    margin-bottom: 10px;
}

.x-portlet .x-panel-ml {
    padding-left: 2px;
}

.x-portlet .x-panel-mr {
    padding-right: 2px;
}

.x-portlet .x-panel-bl {
    padding-left: 2px;
}

.x-portlet .x-panel-br {
    padding-right: 2px;
}

.x-portlet .x-panel-body {
    background: white;
}

.x-portlet .x-panel-mc {
    padding-top: 2px;
}

.x-portlet .x-panel-bc .x-panel-footer {
    padding-bottom: 2px;
}

.x-portlet .x-panel-nofooter .x-panel-bc {
    height: 2px;
}

/** Ext.ux.form.FileUploadField **/
.x-form-file-wrap {
    position: relative;
    height: 22px;
}

.x-form-file-wrap .x-form-file {
    position: absolute;
    right: 0;
    -moz-opacity: 0;
    filter: alpha(opacity : 0);
    opacity:
    0;
    z-index:
    2;
    height:
    22px;
}

.x-form-file-wrap .x-form-file-btn {
    position: absolute;
    right: 0;
    z-index: 1;
}

.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}

/** Ext.ux.form.LovCombo **/
.ux-lovcombo-icon {
    width: 16px;
    height: 16px;
    float: left;
    background-position: -1px -1px ! important;
    background-repeat: no-repeat ! important;
}

.ux-lovcombo-icon-checked {
    background: transparent url(../images/default/menu/checked.gif);
}

.ux-lovcombo-icon-unchecked {
    background: transparent url(../images/default/menu/unchecked.gif);
}

/** Ext.ux.datepickerplus **/
.x-date-right a.npy {
    background-image: url(dbl-right-btn.gif) !important;
}

.x-date-left a.npy {
    background-image: url(dbl-left-btn.gif) !important;
}

th.x-date-weeknumber-header a em span, .x-date-weeknumber-cell a em span {
    color: #66f;
    font-size: 10px;
    text-align: center;
}

th.x-date-weeknumber-header a:hover, .x-date-weeknumber-cell a:hover {
    color: #66f !important;
    background: none !important;
    cursor: default !important;
}

.x-date-multiselect {
    height: 100%;
}

.x-date-multiselect th.x-date-weeknumber-header a:hover, .x-date-multiselect .x-date-weeknumber-cell a:hover {
    background-color: #ddecfe !important;
    cursor: pointer !important;
}

.x-date-monthtable {
    border-left: 1px solid #1b376c;
}

.x-date-pickerplus .x-date-dummy img {
    height: 1px;
}

/** Ext.ux.tree.CheckTreePanel **/
.x-tree-checkbox {
    background: url('../images/default/form/checkbox.gif') no-repeat 0 0;
    height: 13px;
    width: 13px;
    margin: 0 1px;
    vertical-align: middle;
}

.x-tree-checkbox-over .x-tree-checkbox {
    background-position: -13px 0;
}

.x-tree-checkbox-down .x-tree-checkbox {
    background-position: -26px 0;
}

.x-tree-node-disabled .x-tree-checkbox {
    background-position: -39px 0;
}

.x-tree-node-checked {
    background-position: 0 -13px;
}

.x-tree-checkbox-over .x-tree-node-checked {
    background-position: -13px -13px;
}

.x-tree-checkbox-down .x-tree-node-checked {
    background-position: -26px -13px;
}

.x-tree-node-disabled .x-tree-node-checked {
    background-position: -39px -13px;
}

.x-tree-node-grayed {
    background-position: 0 -26px;
}

.x-tree-checkbox-over .x-tree-node-grayed {
    background-position: -13px -26px;
}

.x-tree-checkbox-down .x-tree-node-grayed {
    background-position: -26px -26px;
}

.x-tree-node-disabled .x-tree-node-grayed {
    background-position: -39px -26px;
}

/* Fix for Firefox 3 */
.x-date-pickerplus .x-date-middle {
    width: 120px;
}

.x-date-pickerplus .x-date-left a {
    float: left !important;
}

.x-date-pickerplus .x-date-right a {
    float: right !important;
}

.x-date-pickerplus .x-date-dummy, .x-date-pickerplus .x-date-dummy img, .x-date-pickerplus .x-date-left, .x-date-pickerplus .x-date-right {
    width: 40px !important;
}

.x-date-pickerplus .x-date-middle {
    font-weight: normal !important;
    height: 26px;
}

.x-date-multiokbtn, .x-date-multitodaybtn, .x-date-multiundobtn {
    width: 33%;
}

.x-datepickerplus-nationalholidays {
    background-color: #ececec !important;
}

.x-datepickerplus-weekends {
    background-color: #f4f4f4;
}

.x-datepickerplus-activedate a {
    background-color: #ddecfe;
    border: 1px dashed #000088 !important;
    padding: 1px 4px;
}

.x-datepickerplus-eventdates a {
    background-color: #ccccff;
    border: 1px solid #000088;
    padding: 1px 4px;
}

.x-date-inner .x-datepickerplus-eventdates-disabled a:hover {
    background: #EB5F01;
    color: #fff;
}

.x-date-inner .x-datepickerplus-eventdates-disabled a {
    background: #EB5F01;
    color: #ffffff;
    cursor: default;
}

/*Set the em-tag to totally override the a-tag to prevent IE from opening a new Tab when CTRL-Clicking*/
.x-datepickerplus-ie .x-date-pickerplus .x-date-inner a, .x-datepickerplus-ie .x-date-pickerplus .x-date-inner a em, .x-datepickerplus-ie .x-date-pickerplus .x-date-inner a em span {
    height: 19px !important;
    cursor: pointer;
}

.x-datepickerplus-ie .x-date-pickerplus .x-date-inner a, .x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-eventdates a, .x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-activedate a, .x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-today a, .x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-selected a, .x-datepickerplus-ie .x-date-pickerplus .x-date-inner a:hover {
    padding: 0 !important;
}

.x-datepickerplus-ie .x-date-pickerplus .x-date-inner a em {
    width: 100% !important;
    padding: 0 !important;
}

.x-datepickerplus-ie .x-date-pickerplus .x-date-inner a em span {
    padding: 2px 5px;
}

.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-eventdates a em span, .x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-activedate a em span, .x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-today a em span, .x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-selected a em span {
    padding: 1px 4px;
}

.x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-eventdates a, .x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-eventdates a em, .x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-eventdates a em span, .x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-activedate a, .x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-activedate a em, .x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-datepickerplus-activedate a em span, .x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-today a, .x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-today a em, .x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-today a em span, .x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-selected a, .x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-selected a em, .x-datepickerplus-ie .x-date-pickerplus .x-date-inner .x-date-selected a em span {
    height: 17px !important;
}

.x-date-pickerplus-prevnexthide .x-date-nextday, .x-date-pickerplus-prevnexthide .x-date-prevday {
    visibility: hidden !important;
}

/*
 Reverse Ext 3.2.x Hack to display more than 1 months vertically on datemenu
 */
.ext-ie .x-date-menu, .ext-strict .ext-ie .x-date-menu, .ext-border-box .ext-ie8 .x-date-menu, .ext-strict .ext-ie7 .x-date-menu {
    height: auto;
}

/*
 Grid Column Header Grouping
 */
td.ux-grid-hd-group-cell {
    background: url(../images/default/grid/grid3-hrow.gif) repeat-x bottom;
}

.x-grid3-hd.x-grid3-gcell.x-grid3-td-checker.ux-grid-hd-group-row-0.ux-grid-hd-group-cell .x-grid3-hd-inner.x-grid3-hd-checker {
    background-image: none;
}
